﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>.NET File managerment</title>
    <link href="Styles/Styles.css" rel="stylesheet" type="text/css" />
    <link href="Styles/Site.css" rel="stylesheet" type="text/css" />
    
    <link href="Styles/popup.css" rel="stylesheet" type="text/css" />
    <link href="Styles/jquery-ui-1.9.1.custom.min.css" rel="stylesheet" type="text/css" />
    <link href="Styles/jquery.treeview.css" rel="stylesheet" type="text/css" />
    <link href="uploadify/uploadify.css" rel="stylesheet" type="text/css" />
    <link href="Styles/jquery.contextMenu.css" rel="stylesheet" type="text/css" />
    <script src="/Scripts/jquery-1.8.2.min.js" type="text/javascript"></script>
    <script src="Scripts/popup.js" type="text/javascript"></script>
    <script src="Scripts/jquery-ui-1.9.1.custom.min.js" type="text/javascript"></script>
    <script src="Scripts/jquery.treeview.js" type="text/javascript"></script>
    <script src="uploadify/jquery.uploadify.min.js" type="text/javascript"></script>
    <script src="Scripts/jquery.contextMenu.js" type="text/javascript"></script>
</head>
<body>
    <div class="page">
        <div class="header">
            <div class="title">
                <h1>
                   MVT .Net File manager
                </h1>
            </div>
            <div class="clear hideSkiplink">
            </div>
        </div>
        <div class="main">
            <div>
                <input type="button" name="" value="Refresh" id="BT_Call_Refresh" class="button" />
                <input type="button" name="" disabled="disabled" value="Delete" id="BT_Call_Delete"
                    class="button popup-button" href="#popup_confirm" />
                <input type="button" name="" value="New folder" id="BT_Call_NewFolder" class="button popup-button"
                    href="#popup_NewFolder" />
                <input type="button" name="" value="Move" disabled="disabled" id="BT_Call_Move" class="button popup-button"
                    href="#popup-move" />
                <input type="button" name="" value="Upload" id="BT_call_Upload" class="button popup-button"
                    onclick="BuildUpload();" href="#popup_Upload" />
                <input type="button" name="" disabled="disabled" value="Zip" id="BT_Call_Zip" class="button popup-button"
                    href="#popup_Zip" />
                <input type="button" name="" disabled="disabled" value="Download" id="BT_Call_Download"
                    class="button" />
            </div>
            <div class="folder" id="curentFolder">
                &nbsp;
            </div>
            <div style="clear: both">
            </div>
            <div id="MainGrid">
                <ul class="title">
                    <li class="TitleSelect">Select</li>
                    <li class="name">FileName</li>
                    <li class="size">File size</li>
                    <li class="create">Date create</li>
                    <li class="modify">Date modify</li>
                </ul>
                <ul class="listitem" id="upfd" style="display: none;">
                    <li class="upFolder"><a href="javascript:void(0);">
                        <img src="/images/icon/upLevel.gif" />
                        Up...</a></li>
                </ul>
                <div id="ListItem" class="listitem">
                </div>
            </div>
            <div class="clear">
                <div id="popup_confirm" class="popup">
                    <div class="popup-header">
                        <h2>
                            Confirm delete</h2>
                        <p id="fileDelete">
                            (file name)</p>
                    </div>
                    <div style="padding-bottom: 10px; text-align: center">
                        <span id="lbStatusDelete" style="width: 380px;"></span>
                    </div>
                    <div style="text-align: center; padding: 10px 0px;">
                        <input type="button" value="Delete" id="BT_Delete" class="button" />
                        <input type="button" value="Cancel" onclick="javascript:return false;" id="BT_Delete_Cancel"
                            class="bt_cancel button" />
                    </div>
                </div>
                <div id="popup_Rename" class="popup">
                    <div class="popup-header">
                        <h2>
                            Rename file</h2>
                        <a class="close_popup" href="javascript:void(0)"></a>
                    </div>
                    <div class="info_popup">
                        <input type="text" id="txtFileName" style="width: 300px" /><span id="Extension"></span>
                    </div>
                    <div style="padding-bottom: 10px; text-align: center">
                        <span id="txtStatusRename" style="width: 380px;"></span>
                    </div>
                    <div style="text-align: center; padding-bottom: 10px;">
                        <input type="button" name="" value="Rename" id="BT_Rename" class="button" />
                        <input type="button" value="Cancel" id="BT_Cancel_Rename" class="bt_cancel button" />
                    </div>
                </div>
                <div id="popup_Zip" class="popup">
                    <div class="popup-header">
                        <h2>
                            Zip file</h2>
                        <p id="lbZipFolderName">
                            (file name)</p>
                        <a class="close_popup" href="javascript:void(0)"></a>
                    </div>
                    <div class="info_popup">
                        <input type="text" id="txtZipName" style="width: 320px" /><span>.zip</span>
                    </div>
                    <div style="padding-bottom: 10px; text-align: center">
                        <span id="txtStatusZip" style="width: 380px;"></span>
                    </div>
                    <div style="text-align: center; padding-bottom: 10px;">
                        <input type="button" name="" value="Zip" id="BT_Zip" class="button" />
                        <input type="button" value="Cancel" id="BT_Zip_Cancel" class="bt_cancel button" />
                    </div>
                </div>
                <div id="popup_NewFolder" class="popup">
                    <div class="popup-header">
                        <h2>
                            New Folder</h2>
                        <a class="close_popup" href="javascript:void(0)"></a>
                    </div>
                    <div class="info_popup">
                        <input type="text" id="txtNewFolder" style="width: 340px;" />
                    </div>
                    <div style="padding-bottom: 10px; text-align: center">
                        <span id="lbStatusNewFolder" style="width: 380px;"></span>
                    </div>
                    <div style="text-align: center; padding-bottom: 10px;">
                        <input type="button" name="" value="Create" id="BT_NewFolder" class="button" />
                        <input type="button" name="" value="Cancel" id="BT_Cancel_NewFolder" class="bt_cancel button" />
                    </div>
                </div>
                <div id="popup-move" class="popup">
                    <div class="popup-header">
                        <h2>
                            Move file/folder</h2>
                        <p id="fileMove">
                            (file name)</p>
                        <p>
                            select folder</p>
                        <a class="close_popup" href="javascript:void(0)"></a>
                    </div>
                    <div style="height: 250px; overflow-y: auto; padding: 0px 0px 10px 10px; border: 1px solid #CCC">
                        <ul id="treeview" class="filetree"></ul>
                    </div>
                    <div style="padding-top: 10px; text-align: center">
                        <input type="text" id="txtFolderMove" style="width: 380px;" readonly="readonly" />
                    </div>
                    <div style="padding-bottom: 10px; text-align: center">
                        <span id="lbStatusMove" style="width: 380px;"></span>
                    </div>
                    <div style="text-align: center; padding: 10px 0px;">
                        <input type="button" name="BT_Move" value="Move" id="BT_Move" class="button" />
                        <input type="button" name="BT_Move_Cancel" value="Cancel" onclick="javascript:return false;"
                            id="BT_Move_Cancel" class="bt_cancel button" />
                    </div>
                </div>
                <div id="popup-viewzip" class="popup">
                    <div class="popup-header">
                        <h2>
                            View content zip file</h2>
                        <p id="lbnameZip">
                            (file name)</p>
                        <a class="close_popup" href="javascript:void(0)"></a>
                    </div>
                    <div style="height: 300px; overflow-y: auto; padding: 0px 0px 10px 10px; border: 1px solid #CCC">
                        <ul id="ListContentZip"></ul>
                    </div>
                    <div style="padding-bottom: 10px; text-align: center">
                        <div id="lbStatusContentZipFile" style="width: 380px;">
                        </div>
                        <div>
                            <input type="checkbox" id="CB_Overwrite1" />Overwrite if file exist</div>
                    </div>
                    <div style="text-align: center; padding: 10px 0px;">
                        <input type="button" name="BT_ExtractHere" value="Extract Here" id="BT_ExtractHere"
                            class="button" />
                        <input type="button" name="BT_ContentZip_Cancel" value="Cancel" onclick="javascript:return false;"
                            id="BT_ContentZip_Cancel" class="bt_cancel button" />
                    </div>
                </div>
                <div id="popup-editText" class="popup" style="width: 800px">
                    <div class="popup-header">
                        <h2>
                            Edit text file</h2>
                        <p id="lbFileNameEditText">
                            (file name)</p>
                        <a class="close_popup" href="javascript:void(0)"></a>
                    </div>
                    <textarea id="txtContentEditText" rows="30" cols="96"></textarea>
                    <div style="padding-bottom: 10px; text-align: center">
                        <span id="lbStatusEditText" style="width: 380px;"></span>
                    </div>
                    <div style="text-align: center; padding: 10px 0px;">
                        <input type="button" value="Save" id="BT_Save_EditText" class="button" />
                        <input type="button" value="Cancel" onclick="javascript:return false;" id="BT_EditText_Cancel"
                            class="bt_cancel button" />
                    </div>
                </div>
                <div id="popup_Upload" class="popup">
                    <div class="popup-header">
                        <h2>
                            Upload file</h2>
                        <a class="close_popup" href="javascript:void(0)" onclick="destroyUpload();"></a>
                    </div>
                    <div class="info_popup">
                        <input type="file" name="file_upload" id="file_upload" />
                        <div id="some_file_queue">
                        </div>
                    </div>
                    <div id="StatusUpload">
                    </div>
                    <div style="text-align: center; padding-bottom: 10px;">
                        <input type="button" name="" value="Upload" id="BT_Upload" onclick="javascript:$('#file_upload').uploadify('upload','*');"
                               class="button" />
                        <input type="button" name="BT_Upload_Cancel" value="Cancel" id="BT_Upload_Cancel"
                               onclick="destroyUpload();" class="bt_cancel button" />
                    </div>
                </div>
                <div id="popup_Property" class="popup">
                    <div class="popup-header">
                        <h2>
                            Property</h2>
                        <p id="lbFilenameProperty"></p>
                        <a class="close_popup" href="javascript:void(0)"></a>
                    </div>
                    <div style="padding-left: 90px">
                        <div id="lbCapasity"></div>
                        <div><input type="checkbox" id="CB_System"/>System</div>
                        <div><input type="checkbox" id="CB_Readonly"/>Readonly</div>
                        <div><input type="checkbox" id="CB_Hidden"/>Hidden</div>
                    </div>
                    <div style="padding-bottom: 10px; text-align: center">
                        <span id="lbStatusProperty" style="width: 380px;"></span>
                    </div>
                    <div style="text-align: center; padding-bottom: 10px;">
                        <input type="button" name="" value="Ok" id="BT_Property_Ok" class="button" />
                        <input type="button" value="Cancel" id="BT_Property_Cancel" class="bt_cancel button" />
                    </div>
                </div>
                <div id="popup_ViewImg" class="popup">
                    <div class="popup-header">
                        <h2>Preview</h2>
                        <p id="lbFileNamePreview"></p>
                        <a class="close_popup" href="javascript:void(0)" onclick="javascript:resetPu();"></a>
                    </div>
                    <div style="text-align: center;">
                        <img src="" id="IMG_Review" style="max-width: 800px;"/>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div style="display: none;">
        <input type="button" id="BT_Show_Move" class="popup-button" href="#popup-move" />
    </div>
    <div class="footer">
        Copyright (R) MVT Version 2012 - YID: <a href="ymsgr:SendIm?trai_12a1?m=Em%20ch%C3%A0o%20anh%20MVT">trai_12a1</a> - Email: <a href="mailto:macvantan@gmail.com"> macvantan@gmail.com</a> - Facebook: <a href="http://www.facebook.com/macvantan">Mạc Văn Tân</a>
    </div>
    <script src="Scripts/site.js" type="text/javascript"></script>
</body>
</html>
